// 当表单提交时
$(document).ready(function() {
    $('#loginForm').on('submit',function(e) {
        e.preventDefault(); // 阻止表单默认的提交行为

        // 获取表单输入的值
        var username = $('#username').val();
        var password = $('#password').val();

        // 构建JSON对象
        var loginData = {
            user_name: username,
            user_password: password
        };

        // 发送POST请求到服务器
        $.ajax({
            url: 'http://localhost:8099/api/login',
            type: 'POST',
            contentType: 'application/json', // 告知服务器发送的是JSON数据
            data: JSON.stringify(loginData), // 将JS对象转为JSON字符串
            success: function(response) {
                // 请求成功时的处理
                console.log('Login successful:', response);
                //alert('Login successful!');
                // 在这里可以添加重定向到另一个页面的代码
                window.location.href = 'detail.html';
            },
            error: function(xhr, status, error) {
                // 请求失败时的处理
                console.error('Login failed:', error);
                alert('Login failed. Please try again.');
            }
        });
    });
  })